<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <form action="">
    <p>
      用户名：<input type="text">
    </p>
    <p>
      文本框：<input type="text" value="这是一个文本框">
    </p>
    <p>
      密码框:<input type="password" placeholder="请输入密码">
    </p>
    <p>
      性别(单选按钮):<input type="radio" name="sex" id="sex1" checked="checked"><label for="sex1">男</label>
      <input type="radio" name="sex" id="sex2"><label for="sex2">女</label>
    </p>
    <p>
      爱好(多选按钮):<input type="checkbox" name="hobby" id="eat" checked="checked" /><label for="eat">吃</label>
      <input type="checkbox" name="hobby" id="play" /><label for="play">玩</label>
      <input type="checkbox" name="hobby" id="sleep" /><label for="sleep">睡觉</label>
      <input type="checkbox" name="hobby" id="car" /><label for="car">赛车</label>
    </p>
    <p>
      简历上传(文件域):<input type="file">
      <!-- 多选文件 -->
      简历上传(文件域):<input type="file" multiple="multiple">
    </p>
    <p>
      城市(下拉列表):
      <select name="" id="">
        <option value="">北京</option>
        <option value="" selected="selected">上海</option>
        <option value="">天津</option>
      </select>
      <select>
        <optgroup label="热门">
          <option value="">北京</option>
          <option value="">上海</option>
        </optgroup>
        <optgroup label="其他">
          <option value="">天津</option>
          <option value="">张家口</option>
        </optgroup>
      </select>
    </p>
    <p>
      个人简历(多行文本框):
      <textarea rows="10" cols="15" name="" id="m">
      个人喜欢玩电脑，性格开朗，活泼好动-----------
    </textarea>
    </p>
    <p>
      <input type="button" value="普通按钮">
      <input type="reset" value="重置">
      <input type="submit" value="提交">
      <input type="image" src="login.gif">
    </p>
  </form>
</body>

</html>